<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
  <th:block th:include="include :: header('专家管理查询统计')" />
</head>
<body class="gray-bg">
<div class="container-div">
  <div class="row" id="index">

    <!--登录信息-->
    <input name="userid" th:value="${session.userid}" type="hidden" id="userid">
    <input name="username" th:value="${session.username}" type="hidden" id="username">
    <input name="deptid" th:value="${session.deptid}" type="hidden" id="deptid">
    <input name="olddeptid" th:value="${session.olddeptid}" type="hidden" id="olddeptid">
    <input name="jigoujibie" th:value="${session.jigoujibie}" type="hidden" id="jigoujibie">
    <div style="margin-top: 10px;">
      <div class="col-sm-2">
        <div class="ibox">
          <div class="ibox-content">
            <h5>正常状态专家</h5>
            <h1 class="no-margins">{{countZhengchang}}名</h1>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="ibox">
          <div class="ibox-content">
            <h5>1990年专家</h5>
            <h1 class="no-margins">{{count90}}名</h1>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="ibox">
          <div class="ibox-content">
            <h5>1991年专家</h5>
            <h1 class="no-margins">{{count91}}名</h1>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="ibox">
          <div class="ibox-content">
            <h5>1992年专家</h5>
            <h1 class="no-margins">{{count92}}名</h1>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="ibox">
          <div class="ibox-content">
            <h5>1993年专家</h5>
            <h1 class="no-margins">{{count93}}名</h1>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="ibox">
          <div class="ibox-content">
            <h5>1994年专家</h5>
            <h1 class="no-margins">{{count94}}名</h1>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-12 search-collapse">
      <form id="formId">
        <div class="select-list">
          <ul>
            <li>
              <label>专家姓名：</label>
              <input type="text" v-model="zhuanjia"/>
            </li>
            <li>
              <label style="width: 100px">特贴管理单位：</label>
              <input type="text" v-model="danwei"/>
            </li>
            <li>
              <label style="width: 120px">特贴管理单位层级：</label>
              <select   v-model="cengji" class="form-control" type="text">
                <option value="">请选择</option>
                <option v-if="jigoujibie<=1" value="1">一级单位</option>
                <option v-if="jigoujibie<=2" value="2">二级单位</option>
                <option v-if="jigoujibie<=3" value="3">三级单位</option>
              </select>
            </li>
            <li>
              <label>工作单位：</label>
              <input type="text" v-model="gongzuodanwei"/>
            </li>
            <li>
              <label>入选年份：</label>
              <input type="text" v-model="ruxuannianfen"/>
            </li>
            <li>
              <label>专家状态：</label>
              <select th:with="type=${@dict.getType('sys_zhuanjiazhuangtai')}" v-model="zhuanjiazhuangtai" class="form-control" type="text">
                <option value="">请选择</option>
                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
              </select>
            </li>
            <li>
              <label style="width: 120px;">专家状态变动时间：</label>
              <input name="zhuanjiazhuangtaibiandongshijian" class="form-control" placeholder="专家状态变动时间" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" v-model="zhuanjiazhuangtaibiandongshijian" id="zhuanjiazhuangtaibiandongshijian" @blur="getDate">
            </li>
            <li>
              <a class="btn btn-success btn-rounded btn-md" @click="bindZhuanjiaList"><i class="fa fa-search"></i>&nbsp;搜索</a>
              <a class="btn btn-warning btn-rounded btn-md" @click="reset"><i class="fa fa-refresh"></i>&nbsp;重置</a>
              <a class="btn btn-info btn-rounded btn-md" @click="Export"><i class="fa fa-download"></i>导出</a>
            </li>
          </ul>
        </div>
      </form>
    </div>



    <div class="col-sm-12 select-table table-striped">
      <table class="table table-hover table-primary table-striped">
        <thead>
        <tr>
          <th style="text-align: center; vertical-align: middle;">序号</th>
          <th style="text-align: center; vertical-align: middle;">专家姓名</th>
          <th style="text-align: center; vertical-align: middle;">特贴管理单位</th>
          <th style="text-align: center; vertical-align: middle;">特贴管理单位层级</th>
          <th style="text-align: center; vertical-align: middle;">工作单位</th>
          <th style="text-align: center; vertical-align: middle;">入选年份</th>
          <th style="text-align: center; vertical-align: middle;">专家状态</th>
          <th style="text-align: center; vertical-align: middle;">专家状态变动时间</th>
          <th style="text-align: center; vertical-align: middle;">专家状态变动审核记录</th>
          <th style="text-align: center; vertical-align: middle;">专家最后一次拨款时间</th>
          <th style="text-align: center; vertical-align: middle;">专家拨款记录</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="(zhuanjiaitem,index) in zhuanjialist"  v-if="zhuanjialist.length > 0">
          <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
          <td style="vertical-align: middle; text-align: center;color:#1c84c6;cursor: pointer" v-text="zhuanjiaitem.xingming" @click="toLianxifangshi(zhuanjiaitem)"></td>
          <td style="vertical-align: middle; text-align: center;" v-text="zhuanjiaitem.jigoumingcheng"></td>
          <td style="vertical-align: middle; text-align: center;" v-text="zhuanjiaitem.jigoujibie"></td>
          <td style="vertical-align: middle; text-align: center;" v-text="zhuanjiaitem.gongzuodanwei"></td>
          <td style="vertical-align: middle; text-align: center;" v-text="zhuanjiaitem.ruxuannianfen"></td>
          <td style="vertical-align: middle; text-align: center;color:green;" v-if="zhuanjiaitem.zhuanjiazhuangtai_text=='正常'||zhuanjiaitem.zhuanjiazhuangtai_text=='恢复正常'||zhuanjiaitem.zhuanjiazhuangtai_text=='正常（转入）'" v-text="zhuanjiaitem.zhuanjiazhuangtai_text"></td>
          <td style="vertical-align: middle; text-align: center;color:red;" v-else v-text="zhuanjiaitem.zhuanjiazhuangtai_text"></td>
          <td style="vertical-align: middle; text-align: center;" v-text="zhuanjiaitem.zhuangtaibiandongshijian"></td>
          <td style="vertical-align: middle; text-align: center;" v-text="">
            <button class="btn btn-success btn-rounded btn-md" @click="showHistoryModel(zhuanjiaitem.zhuanjiaid)">查看</button>
          </td>
          <td style="vertical-align: middle; text-align: center;" v-text="">xxxx-xx-xx</td>
          <td style="vertical-align: middle; text-align: center;" v-text="">
            <button class="btn btn-success btn-rounded btn-md" @click="toBokuanjilu(zhuanjiaitem)">查看</button>
          </td>
        </tr>
        <tr v-if="zhuanjialist.length == 0">
          <td style="text-align: center; vertical-align: middle" colspan="11">查无数据</td>
        </tr>
        </tbody>
      </table>

      <div v-if="recordCount != '0'" class="my-page-navigation" style="text-align:center;">
        <button class="btn btn-default" @click="firstPage">首页</button>
        <button class="btn btn-default" @click="prePage">上一页</button>
        <select class="custom-select border-secondary" v-model="pagesize">
          <option value="10">10 条/页</option>
          <option value="20">20 条/页</option>
          <option value="30">30 条/页</option>
          <option value="50">50 条/页</option>
        </select>
        <span v-text="pageindex + '  /  ' + pageCount" style="border-color: #6c757d"></span>
        <span v-text="'共' + recordCount + '条'" style="border-color: #6c757d"></span>
        <button class="btn btn-default" @click="nextPage">下一页</button>
        <button class="btn btn-default" @click="lastPage">尾页</button>
        <span style="border-color: #6c757d">跳到第</span>
        <input type="text" class="form-control border-secondary" style="width:50px;display:inline;" v-model="targetpage" @keyup.enter="targetPage">
        <span style="border-color: #6c757d">页</span>
        <button class="btn btn-default" @click="targetPage">跳</button>
      </div>
    </div>

    <div th:replace="system/zhuanjiaguanli/chaxuntongji/modal_lianxifangshi::lianxifangshi"></div>
    <div th:replace="system/zhuanjiaguanli/chaxuntongji/modal_bokuanjilu::bokuanjilu"></div>

    <!-- 专家变动历史 -->
    <div th:replace="system/biandonghistory/modal_history::history_list"></div>
  </div>
</div>

<th:block th:include="include :: footer" />
<th:block th:include="include :: datetimepicker-js" />
<script th:src="@{/js/system/zhuanjiaguanli/chaxuntongji/index.js?v=1.2}"></script>
</body>
</html>

<style>
  .ibox{
    margin-bottom: 0px;
  }
</style>